// 进入页面,做数据回填
function rendUser() {
  // 发送请求,获取当前用户的信息,拿到信息之后,做数据回填
  $.ajax({
    url: '/my/user/userinfo',
    success: function (res) {
      // console.log(res)
      // 加载layui模块form
      let form = layui.form
      // form.val('表单的lay-filter属性值','对象格式的数据并且对象的属性名和input的name同名')
      form.val('fm', res.data) //为表单设置数据,就是数据回填的意思
    }
  })
}
rendUser()
// --------------------确认修改操作----------------
// 表单提交事件 --> 组织默认行为 --> 收集数据 --> ajax提交
$('form').on('submit', function (ev) {
  // 阻止默认行为
  ev.preventDefault()
  let data = $(this).serialize()
  $.ajax({
    type: 'POST',
    url: '/my/user/userinfo',
    data: data,
    success: function (res) {
      layer.msg(res.message)
      if (res.status === 0) {
        // 更新成功,重新处理index.html 侧边栏的名称
        // 调用 getUserInfo() 重新设置名称
        // 使用下面的语法条件 必须使用live server打开页面
        window.parent.getUserInfo()
      }
    }
  })
})
// --------------------重置按钮--------------------------
$('.layui-btn-primary').on('click', function (ev) {
  // 阻止默认行为
  ev.preventDefault()
  // 调用rendeUser()函数,为表单重新赋值,可以恢复原样
  rendUser()
})
